import { Space as AntdSpace, SpaceProps } from 'antd';

/**
 * 导出间距组件
 * @param {SpaceProps} props - 间距组件的属性
 * @param {React.ReactNode} props.children - 子组件
 * @param {'start' | 'end' | 'center' | 'baseline'} props.align - 对齐方式
 * @param {'horizontal' | 'vertical'} props.direction - 间距方向
 * @param {React.ReactNode} props.split - 设置拆分
 * @param {'small' | 'middle' | 'large' | number} props.size - 间距大小
 * @param {boolean} props.wrap - 是否自动换行，仅在 horizontal 时有效
 * @param {React.CSSProperties} props.style - 自定义样式
 * @param {string} props.className - 自定义类名
 * @returns {JSX.Element} 间距组件的 JSX 元素
 * @description 间距组件是 Ant Design 提供的设置组件之间的间距的组件。
 * @example
 * <Space>
 *   <Button type="primary">Button</Button>
 *   <Button>Button</Button>
 * </Space>
 * @example
 * <Space direction="vertical">
 *   <Card title="Card" style={{ width: 300 }}>
 *     <p>Card content</p>
 *   </Card>
 *   <Card title="Card" style={{ width: 300 }}>
 *     <p>Card content</p>
 *   </Card>
 * </Space>
 * @example
 * <Space size="large">
 *   <Button>Button</Button>
 *   <Button>Button</Button>
 *   <Button>Button</Button>
 * </Space>
 * @example
 * <Space split={<Divider type="vertical" />}>
 *   <Typography.Link>Link</Typography.Link>
 *   <Typography.Link>Link</Typography.Link>
 *   <Typography.Link>Link</Typography.Link>
 * </Space>
 */
export const Space = (props: SpaceProps) => {
  return <AntdSpace {...props} />;
};

// 默认导出
export default Space;

// 重新导出类型
export type { SpaceProps };
